<template>
  <div class="bg">
    <div class="front">电 源 控 制</div>
    <div class="main">
      <div class="content">
        <div class="control">
          <div class="fourRoad">
            <span>主 机 后 面 四 路 电 源 控 制 开 关</span>
            <div class="kaiguan">
            <el-switch
              v-model="value1"
              :active-color=activecolor
              :inactive-color=inactivecolor
              active-text="CH1"
            ><span></span>
            </el-switch>
            <el-switch
              v-model="value2"
              :active-color=activecolor
              :inactive-color=inactivecolor
              active-text="CH2"
            >
            </el-switch>
            <el-switch
              v-model="value3"
              :active-color=activecolor
              :inactive-color=inactivecolor
              active-text="CH3"
            >
            </el-switch>
            <el-switch
              v-model="value4"
              :active-color=activecolor
              :inactive-color=inactivecolor
              active-text="CH4"
            >
            </el-switch>
            </div>
          </div>
          <div class="setPoint">
            <span> 定 时 点 控 制</span>
            <el-switch
              v-model="value5"
              :active-color=activecolor
              :inactive-color=inactivecolor
              active-text="程控"
            >
            </el-switch>
          </div>
        </div>
        <div class="tips">
          注：“ON程控”表示定时点可控制主机四路电源，“OFF程控”表示定时点不可控制主机四路电源
        </div>
      </div>
      <div class="exit">
        <button @click="exit">退  出</button>
      </div>
    </div>
  </div>
</template>
<script setup>
import { ref } from 'vue';
import { useRouter } from 'vue-router';
const value1 =ref(false)
const value2 =ref(false)
const value3 =ref(false)
const value4 =ref(false)
const value5 =ref(false)
const inactivecolor =ref("gray")
const activecolor=ref("#4581BA")
const router=useRouter();
const exit = () => {
  router.go(-1);
  console.log("点击了")
}
</script>
<style lang="less" scoped>
@import "./chargeManage.less";
</style>